<template>
    <div class="like-container">
<div class="title">
      <img src="http://img1.qunarzz.com/piao/fusion/1711/89/ebc329f16c55bb02.png" alt>
      <span>猜你喜欢</span>
    </div>
  <div class="like-item border-bottom" v-for="item in likeGoods" :key="item.key">
      <div class="item-img fl">
        <img :src="item.image" alt>
      </div>
      <div class="item-desc fl">
        <p>{{item.title}}</p>
        <span class="iconfont icon">&#xe602;</span>
        <span class="pj">{{item.pjnumber}}条评论</span>
        <p class="priceP">
          <span class="price">{{item.price}}</span>元起
          <span class="address fr">{{item.address}}</span>
        </p>
        <p class="slog">{{item.feature}}</p>
      </div>
    </div>
    <div class="allGoods">
      <a href>查看所有产品</a>
    </div>  
    </div>
</template>

<script>
    export default {
        name:"homeLike",
        props:{likeGoods:Array}
    }
</script>

<style lang="stylus" scoped>
.like-container
    background-color #ffffff
    margin-top .2rem
.like-item 
  margin-top: 0.2rem;
  overflow: hidden;
.title {
  padding: 0.14rem 0.24rem;
  margin-left: 0.1rem;
  
} 
.title img {
  display: inline-block;
  height: 0.4rem;
 
}

.title span {
  display: inline-block;
  font-size: 0.32rem;
  margin-left .2rem
  
  line-height .3rem

  
 
}  
.item-img {
  overflow: hidden;
  width: 2rem;
  height: 2rem;
  margin-left: 0.4rem;
}

.item-img img {
  width: 100%;
}
.item-desc {
  margin-left: 1rem;
}
.item-desc p {
  margin-bottom: 0.1rem;
}
.item-desc span {
   
  margin-bottom: 0.1rem;
}
.priceP {
  margin-top: 0.3rem;
}

.price {
  color: #ff8300;
  font-size: 0.5rem;
}
.icon {
  color: #ff8300;
  
}
.slog {
  color: #f55;
}
.pj{color: #616161;
    font-size: .24rem;}
.address {
  margin-top: 0.13rem;
}
.allGoods {
  font-size: 0.28rem;
  background-color: #ffffff;
  text-align: center;
  padding: 0.2rem 0;
}

.allGoods a {
  color: #00afc7;
}
</style>